<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>Material Design Iconic</title>

	<!-- Main Styles -->
	<link rel="stylesheet" href="assets/styles/style.min.css">
	
	<!-- Material Design Icon -->
	<link rel="stylesheet" href="assets/fonts/material-design/css/materialdesignicons.css">

	<!-- mCustomScrollbar -->
	<link rel="stylesheet" href="assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.min.css">

	<!-- Waves Effect -->
	<link rel="stylesheet" href="assets/plugin/waves/waves.min.css">

	<!-- Sweet Alert -->
	<link rel="stylesheet" href="assets/plugin/sweet-alert/sweetalert.css">
	
	<!-- Google Design Iconic -->
	<link rel="stylesheet" href="assets/fonts/material-design-iconic-font/css/material-design-iconic-font.min.css">

	<!-- Dark Themes -->
	<link rel="stylesheet" href="assets/styles/style-black.min.css">
</head>

<body>
<div class="main-menu">
	<header class="header">
		<a href="index.html" class="logo"><i class="ico mdi mdi-cube-outline"></i>MyAdmin</a>
		<button type="button" class="button-close fa fa-times js__menu_close"></button>
		<div class="user">
			<a href="#" class="avatar"><img src="assets/images/avatar-sm-5.jpg" alt=""><span class="status online"></span></a>
			<h5 class="name"><a href="profile.html">Denise Emily</a></h5>
			<h5 class="position">Administrator</h5>
			<!-- /.name -->
			<div class="control-wrap js__drop_down">
				<i class="fa fa-caret-down js__drop_down_button"></i>
				<div class="control-list">
					<div class="control-item"><a href="profile.html"><i class="fa fa-user"></i> Profile</a></div>
					<div class="control-item"><a href="#"><i class="fa fa-gear"></i> Settings</a></div>
					<div class="control-item"><a href="#"><i class="fa fa-sign-out"></i> Log out</a></div>
				</div>
				<!-- /.control-list -->
			</div>
			<!-- /.control-wrap -->
		</div>
		<!-- /.user -->
	</header>
	<!-- /.header -->
	<div class="content">

		<div class="navigation">
			<h5 class="title">Navigation</h5>
			<!-- /.title -->
			<ul class="menu js__accordion">
				<li>
					<a class="waves-effect" href="index.html"><i class="menu-icon mdi mdi-view-dashboard"></i><span>Dashboard</span></a>
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-desktop-mac"></i><span>User Interface</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="ui-buttons.html">Buttons</a></li>
						<li><a href="ui-cards.html">Cards</a></li>
						<li><a href="ui-checkbox-radio.html">Checkboxs-Radios</a></li>
						<li><a href="ui-components.html">Components</a></li>
						<li><a href="ui-draggable-cards.html">Draggable Cards</a></li>
						<li><a href="ui-modals.html">Modals</a></li>
						<li><a href="ui-typography.html">Typography</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-cube-outline"></i><span>Admin UI</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="ui-notification.html">Notification</a></li>
						<li><a href="profile.html">Profile</a></li>
						<li><a href="ui-range-slider.html">Range Slider</a></li>
						<li><a href="ui-sweetalert.html">Sweet Alert</a></li>
						<li><a href="ui-treeview.html">Tree view</a></li>
						<li><a href="widgets.html">Widget</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect" href="calendar.html"><i class="menu-icon mdi mdi-calendar"></i><span>Calendar</span></a>
				</li>
				<li class="current active">
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-fire"></i><span>Icons</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="icons-font-awesome-icons.html">Font Awesome</a></li>
						<li><a href="icons-fontello.html">Fontello</a></li>
						<li><a href="icons-material-icons.html">Material Design Icons</a></li>
						<li class="current"><a href="icons-material-design-iconic.html">Material Design Iconic Font</a></li>
						<li><a href="icons-themify-icons.html">Themify Icons</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect" href="inbox.html"><i class="menu-icon mdi mdi-email"></i><span>Mail</span><span class="notice notice-danger">New</span></a>
				</li>
			</ul>
			<!-- /.menu js__accordion -->
			<h5 class="title">Extra</h5>
			<!-- /.title -->
			<ul class="menu js__accordion">
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-chart-areaspline"></i><span>Charts</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="chart-3d.html">3D Charts</a></li>
						<li><a href="chart-chartist.html">Chartist Charts</a></li>
						<li><a href="chart-chartjs.html">Chartjs Chart</a></li>
						<li><a href="chart-dynamic.html">Dynamic Chart</a></li>
						<li><a href="chart-flot.html">Flot Chart</a></li>
						<li><a href="chart-knob.html">Knob Chart</a></li>
						<li><a href="chart-morris.html">Morris Chart</a></li>
						<li><a href="chart-sparkline.html">Sparkline Chart</a></li>
						<li><a href="chart-other.html">Other Chart</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-pencil-box"></i><span>Forms</span><span class="notice notice-blue">7</span></a>
					<ul class="sub-menu js__content">
						<li><a href="form-elements.html">General Elements</a></li>
						<li><a href="form-advanced.html">Advanced Form</a></li>
						<li><a href="form-fileupload.html">Form Uploads</a></li>
						<li><a href="form-validation.html">Form Validation</a></li>
						<li><a href="form-wizard.html">Form Wizard</a></li>
						<li><a href="form-wysiwig.html">Wysiwig Editors</a></li>
						<li><a href="form-xeditable.html">X-editable</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-table"></i><span>Tables</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="tables-basic.html">Basic Tables</a></li>
						<li><a href="tables-datatable.html">Data Tables</a></li>
						<li><a href="tables-responsive.html">Responsive Tables</a></li>
						<li><a href="tables-editable.html">Editable Tables</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-arrange-bring-forward"></i><span>Page</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="page-starter.html">Starter Page</a></li>
						<li><a href="page-login.html">Login</a></li>
						<li><a href="page-register.html">Register</a></li>
						<li><a href="page-recoverpw.html">Recover Password</a></li>
						<li><a href="page-lock-screen.html">Lock Screen</a></li>
						<li><a href="page-confirm-mail.html">Confirm Mail</a></li>
						<li><a href="page-404.html">Error 404</a></li>
						<li><a href="page-500.html">Error 500</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-folder-multiple"></i><span>Extra Pages</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="extras-contact.html">Contact list</a></li>
						<li><a href="extras-email-template.html">Email template</a></li>
						<li><a href="extras-faq.html">FAQ</a></li>
						<li><a href="extras-gallery.html">Gallery</a></li>
						<li><a href="extras-invoice.html">Invoice</a></li>
						<li><a href="extras-maps.html">Maps</a></li>
						<li><a href="extras-pricing.html">Pricing</a></li>
						<li><a href="extras-projects.html">Projects</a></li>
						<li><a href="extras-taskboard.html">Taskboard</a></li>
						<li><a href="extras-timeline.html">Timeline</a></li>
						<li><a href="extras-tour.html">Tour</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
			</ul>
			<!-- /.menu js__accordion -->
		</div>
		<!-- /.navigation -->
	</div>
	<!-- /.content -->
</div>
<!-- /.main-menu -->

<div class="fixed-navbar">
	<div class="pull-left">
		<button type="button" class="menu-mobile-button glyphicon glyphicon-menu-hamburger js__menu_mobile"></button>
		<h1 class="page-title">Material Design Iconic</h1>
		<!-- /.page-title -->
	</div>
	<!-- /.pull-left -->
	<div class="pull-right">
		<div class="ico-item">
			<a href="#" class="ico-item mdi mdi-magnify js__toggle_open" data-target="#searchform-header"></a>
			<form action="#" id="searchform-header" class="searchform js__toggle"><input type="search" placeholder="Search..." class="input-search"><button class="mdi mdi-magnify button-search" type="submit"></button></form>
			<!-- /.searchform -->
		</div>
		<!-- /.ico-item -->
		<a href="#" class="ico-item mdi mdi-email notice-alarm js__toggle_open" data-target="#message-popup"></a>
		<a href="#" class="ico-item pulse"><span class="ico-item mdi mdi-bell notice-alarm js__toggle_open" data-target="#notification-popup"></span></a>
		<a href="#" class="ico-item mdi mdi-logout js__logout"></a>
	</div>
	<!-- /.pull-right -->
</div>
<!-- /.fixed-navbar -->

<div id="notification-popup" class="notice-popup js__toggle" data-space="75">
	<h2 class="popup-title">Your Notifications</h2>
	<!-- /.popup-title -->
	<div class="content">
		<ul class="notice-list">
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-1.jpg" alt=""></span>
					<span class="name">John Doe</span>
					<span class="desc">Like your post: “Contact Form 7 Multi-Step”</span>
					<span class="time">10 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-2.jpg" alt=""></span>
					<span class="name">Anna William</span>
					<span class="desc">Like your post: “Facebook Messenger”</span>
					<span class="time">15 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar bg-warning"><i class="fa fa-warning"></i></span>
					<span class="name">Update Status</span>
					<span class="desc">Failed to get available update data. To ensure the please contact us.</span>
					<span class="time">30 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-1.jpg" alt=""></span>
					<span class="name">Jennifer</span>
					<span class="desc">Like your post: “Contact Form 7 Multi-Step”</span>
					<span class="time">45 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-6.jpg" alt=""></span>
					<span class="name">Michael Zenaty</span>
					<span class="desc">Like your post: “Contact Form 7 Multi-Step”</span>
					<span class="time">50 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-4.jpg" alt=""></span>
					<span class="name">Simon</span>
					<span class="desc">Like your post: “Facebook Messenger”</span>
					<span class="time">1 hour</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar bg-violet"><i class="fa fa-flag"></i></span>
					<span class="name">Account Contact Change</span>
					<span class="desc">A contact detail associated with your account has been changed.</span>
					<span class="time">2 hours</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-7.jpg" alt=""></span>
					<span class="name">Helen 987</span>
					<span class="desc">Like your post: “Facebook Messenger”</span>
					<span class="time">Yesterday</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-2.jpg" alt=""></span>
					<span class="name">Denise Jenny</span>
					<span class="desc">Like your post: “Contact Form 7 Multi-Step”</span>
					<span class="time">Oct, 28</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-8.jpg" alt=""></span>
					<span class="name">Thomas William</span>
					<span class="desc">Like your post: “Facebook Messenger”</span>
					<span class="time">Oct, 27</span>
				</a>
			</li>
		</ul>
		<!-- /.notice-list -->
		<a href="#" class="notice-read-more">See more messages <i class="fa fa-angle-down"></i></a>
	</div>
	<!-- /.content -->
</div>
<!-- /#notification-popup -->

<div id="message-popup" class="notice-popup js__toggle" data-space="75">
	<h2 class="popup-title">Recent Messages<a href="#" class="pull-right text-danger">New message</a></h2>
	<!-- /.popup-title -->
	<div class="content">
		<ul class="notice-list">
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-1.jpg" alt=""></span>
					<span class="name">John Doe</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">10 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-3.jpg" alt=""></span>
					<span class="name">Harry Halen</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">15 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-4.jpg" alt=""></span>
					<span class="name">Thomas Taylor</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">30 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-1.jpg" alt=""></span>
					<span class="name">Jennifer</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">45 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-5.jpg" alt=""></span>
					<span class="name">Helen Candy</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">45 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-2.jpg" alt=""></span>
					<span class="name">Anna Cavan</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">1 hour ago</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar bg-success"><i class="fa fa-user"></i></span>
					<span class="name">Jenny Betty</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">1 day ago</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-5.jpg" alt=""></span>
					<span class="name">Denise Peterson</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">1 year ago</span>
				</a>
			</li>
		</ul>
		<!-- /.notice-list -->
		<a href="#" class="notice-read-more">See more messages <i class="fa fa-angle-down"></i></a>
	</div>
	<!-- /.content -->
</div>
<!-- /#message-popup -->
<div id="wrapper">
	<div class="main-content">
		<div class="box-content">
			<h4 class="box-title">Usage</h4>
			<!-- /.box-title -->
			<code>&lt;i class="zmdi zmdi-name"&gt;&lt;/i&gt;</code>
		</div>
		<!-- .box-content -->
		<div class="row small-spacing">
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">33 New Icons in 2.2</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-group zmdi-hc-fw"></i> group</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-rss zmdi-hc-fw"></i> rss</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-shape zmdi-hc-fw"></i> shape</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-spinner zmdi-hc-fw"></i> spinner</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-ungroup zmdi-hc-fw"></i> ungroup</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-500px zmdi-hc-fw"></i> 500px</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-8tracks zmdi-hc-fw"></i> 8tracks</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-amazon zmdi-hc-fw"></i> amazon</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-blogger zmdi-hc-fw"></i> blogger</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-delicious zmdi-hc-fw"></i> delicious</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-disqus zmdi-hc-fw"></i> disqus</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flattr zmdi-hc-fw"></i> flattr</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flickr zmdi-hc-fw"></i> flickr</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-github-alt zmdi-hc-fw"></i> github-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-old zmdi-hc-fw"></i> google-old</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-linkedin zmdi-hc-fw"></i> linkedin</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-odnoklassniki zmdi-hc-fw"></i> odnoklassniki</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-outlook zmdi-hc-fw"></i> outlook</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-paypal-alt zmdi-hc-fw"></i> paypal-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pinterest zmdi-hc-fw"></i> pinterest</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-playstation zmdi-hc-fw"></i> playstation</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-reddit zmdi-hc-fw"></i> reddit</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-skype zmdi-hc-fw"></i> skype</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-slideshare zmdi-hc-fw"></i> slideshare</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-soundcloud zmdi-hc-fw"></i> soundcloud</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tumblr zmdi-hc-fw"></i> tumblr</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-twitch zmdi-hc-fw"></i> twitch</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-vimeo zmdi-hc-fw"></i> vimeo</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-whatsapp zmdi-hc-fw"></i> whatsapp</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-xbox zmdi-hc-fw"></i> xbox</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-yahoo zmdi-hc-fw"></i> yahoo</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-youtube-play zmdi-hc-fw"></i> youtube-play</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-youtube zmdi-hc-fw"></i> youtube</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">This icon has changed since version 2.1</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google zmdi-hc-fw"></i> google</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-plus-box zmdi-hc-fw"></i> google-plus-box</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-plus zmdi-hc-fw"></i> google-plus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-paypal zmdi-hc-fw"></i> paypal</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Web Application</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-3d-rotation zmdi-hc-fw"></i> 3d-rotation</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airplane-off zmdi-hc-fw"></i> airplane-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airplane zmdi-hc-fw"></i> airplane</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-album zmdi-hc-fw"></i> album</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-archive zmdi-hc-fw"></i> archive</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-assignment-account zmdi-hc-fw"></i> assignment-account</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-assignment-alert zmdi-hc-fw"></i> assignment-alert</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-assignment-check zmdi-hc-fw"></i> assignment-check</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-assignment-o zmdi-hc-fw"></i> assignment-o</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-assignment-return zmdi-hc-fw"></i> assignment-return</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-assignment-returned zmdi-hc-fw"></i> assignment-returned</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-assignment zmdi-hc-fw"></i> assignment</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-attachment-alt zmdi-hc-fw"></i> attachment-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-attachment zmdi-hc-fw"></i> attachment</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-audio zmdi-hc-fw"></i> audio</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-badge-check zmdi-hc-fw"></i> badge-check</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-balance-wallet zmdi-hc-fw"></i> balance-wallet</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-balance zmdi-hc-fw"></i> balance</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-battery-alert zmdi-hc-fw"></i> battery-alert</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-battery-flash zmdi-hc-fw"></i> battery-flash</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-battery-unknown zmdi-hc-fw"></i> battery-unknown</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-battery zmdi-hc-fw"></i> battery</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-bike zmdi-hc-fw"></i> bike</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-block-alt zmdi-hc-fw"></i> block-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-block zmdi-hc-fw"></i> block</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-boat zmdi-hc-fw"></i> boat</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-book-image zmdi-hc-fw"></i> book-image</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-book zmdi-hc-fw"></i> book</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-bookmark-outline zmdi-hc-fw"></i> bookmark-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-bookmark zmdi-hc-fw"></i> bookmark</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-brush zmdi-hc-fw"></i> brush</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-bug zmdi-hc-fw"></i> bug</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-bus zmdi-hc-fw"></i> bus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cake zmdi-hc-fw"></i> cake</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-car-taxi zmdi-hc-fw"></i> car-taxi</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-car-wash zmdi-hc-fw"></i> car-wash</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-car zmdi-hc-fw"></i> car</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-card-giftcard zmdi-hc-fw"></i> card-giftcard</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-card-membership zmdi-hc-fw"></i> card-membership</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-card-travel zmdi-hc-fw"></i> card-travel</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-card zmdi-hc-fw"></i> card</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-case-check zmdi-hc-fw"></i> case-check</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-case-download zmdi-hc-fw"></i> case-download</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-case-play zmdi-hc-fw"></i> case-play</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-case zmdi-hc-fw"></i> case</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cast-connected zmdi-hc-fw"></i> cast-connected</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cast zmdi-hc-fw"></i> cast</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-chart-donut zmdi-hc-fw"></i> chart-donut</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-chart zmdi-hc-fw"></i> chart</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-city-alt zmdi-hc-fw"></i> city-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-city zmdi-hc-fw"></i> city</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-close-circle-o zmdi-hc-fw"></i> close-circle-o</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-close-circle zmdi-hc-fw"></i> close-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-close zmdi-hc-fw"></i> close</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cocktail zmdi-hc-fw"></i> cocktail</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-code-setting zmdi-hc-fw"></i> code-setting</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-code-smartphone zmdi-hc-fw"></i> code-smartphone</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-code zmdi-hc-fw"></i> code</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-coffee zmdi-hc-fw"></i> coffee</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-bookmark zmdi-hc-fw"></i> collection-bookmark</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-case-play zmdi-hc-fw"></i> collection-case-play</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-folder-image zmdi-hc-fw"></i> collection-folder-image</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-image-o zmdi-hc-fw"></i> collection-image-o</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-image zmdi-hc-fw"></i> collection-image</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item-1 zmdi-hc-fw"></i> collection-item-1</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item-2 zmdi-hc-fw"></i> collection-item-2</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item-3 zmdi-hc-fw"></i> collection-item-3</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item-4 zmdi-hc-fw"></i> collection-item-4</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item-5 zmdi-hc-fw"></i> collection-item-5</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item-6 zmdi-hc-fw"></i> collection-item-6</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item-7 zmdi-hc-fw"></i> collection-item-7</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item-8 zmdi-hc-fw"></i> collection-item-8</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item-9-plus zmdi-hc-fw"></i> collection-item-9-plus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item-9 zmdi-hc-fw"></i> collection-item-9</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-item zmdi-hc-fw"></i> collection-item</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-music zmdi-hc-fw"></i> collection-music</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-pdf zmdi-hc-fw"></i> collection-pdf</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-plus zmdi-hc-fw"></i> collection-plus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-speaker zmdi-hc-fw"></i> collection-speaker</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-text zmdi-hc-fw"></i> collection-text</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-collection-video zmdi-hc-fw"></i> collection-video</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-compass zmdi-hc-fw"></i> compass</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cutlery zmdi-hc-fw"></i> cutlery</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-delete zmdi-hc-fw"></i> delete</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-dialpad zmdi-hc-fw"></i> dialpad</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-dns zmdi-hc-fw"></i> dns</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-drink zmdi-hc-fw"></i> drink</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-edit zmdi-hc-fw"></i> edit</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-email-open zmdi-hc-fw"></i> email-open</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-email zmdi-hc-fw"></i> email</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-eye-off zmdi-hc-fw"></i> eye-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-eye zmdi-hc-fw"></i> eye</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-eyedropper zmdi-hc-fw"></i> eyedropper</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-favorite-outline zmdi-hc-fw"></i> favorite-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-favorite zmdi-hc-fw"></i> favorite</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-filter-list zmdi-hc-fw"></i> filter-list</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-fire zmdi-hc-fw"></i> fire</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flag zmdi-hc-fw"></i> flag</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flare zmdi-hc-fw"></i> flare</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flash-auto zmdi-hc-fw"></i> flash-auto</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flash-off zmdi-hc-fw"></i> flash-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flash zmdi-hc-fw"></i> flash</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flip zmdi-hc-fw"></i> flip</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flower-alt zmdi-hc-fw"></i> flower-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flower zmdi-hc-fw"></i> flower</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-font zmdi-hc-fw"></i> font</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-fullscreen-alt zmdi-hc-fw"></i> fullscreen-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-fullscreen-exit zmdi-hc-fw"></i> fullscreen-exit</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-fullscreen zmdi-hc-fw"></i> fullscreen</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-functions zmdi-hc-fw"></i> functions</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-gas-station zmdi-hc-fw"></i> gas-station</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-gesture zmdi-hc-fw"></i> gesture</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-globe-alt zmdi-hc-fw"></i> globe-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-globe-lock zmdi-hc-fw"></i> globe-lock</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-globe zmdi-hc-fw"></i> globe</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-graduation-cap zmdi-hc-fw"></i> graduation-cap</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-group zmdi-hc-fw"></i> group</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-home zmdi-hc-fw"></i> home</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hospital-alt zmdi-hc-fw"></i> hospital-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hospital zmdi-hc-fw"></i> hospital</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hotel zmdi-hc-fw"></i> hotel</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hourglass-alt zmdi-hc-fw"></i> hourglass-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hourglass-outline zmdi-hc-fw"></i> hourglass-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hourglass zmdi-hc-fw"></i> hourglass</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-http zmdi-hc-fw"></i> http</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-image-alt zmdi-hc-fw"></i> image-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-image-o zmdi-hc-fw"></i> image-o</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-image zmdi-hc-fw"></i> image</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-inbox zmdi-hc-fw"></i> inbox</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-invert-colors-off zmdi-hc-fw"></i> invert-colors-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-invert-colors zmdi-hc-fw"></i> invert-colors</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-key zmdi-hc-fw"></i> key</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-label-alt-outline zmdi-hc-fw"></i> label-alt-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-label-alt zmdi-hc-fw"></i> label-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-label-heart zmdi-hc-fw"></i> label-heart</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-label zmdi-hc-fw"></i> label</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-labels zmdi-hc-fw"></i> labels</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-lamp zmdi-hc-fw"></i> lamp</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-landscape zmdi-hc-fw"></i> landscape</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-layers-off zmdi-hc-fw"></i> layers-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-layers zmdi-hc-fw"></i> layers</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-library zmdi-hc-fw"></i> library</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-link zmdi-hc-fw"></i> link</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-lock-open zmdi-hc-fw"></i> lock-open</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-lock-outline zmdi-hc-fw"></i> lock-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-lock zmdi-hc-fw"></i> lock</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mail-reply-all zmdi-hc-fw"></i> mail-reply-all</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mail-reply zmdi-hc-fw"></i> mail-reply</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mail-send zmdi-hc-fw"></i> mail-send</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mall zmdi-hc-fw"></i> mall</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-map zmdi-hc-fw"></i> map</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-menu zmdi-hc-fw"></i> menu</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-money-box zmdi-hc-fw"></i> money-box</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-money-off zmdi-hc-fw"></i> money-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-money zmdi-hc-fw"></i> money</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-more-vert zmdi-hc-fw"></i> more-vert</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-more zmdi-hc-fw"></i> more</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-movie-alt zmdi-hc-fw"></i> movie-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-movie zmdi-hc-fw"></i> movie</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-nature-people zmdi-hc-fw"></i> nature-people</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-nature zmdi-hc-fw"></i> nature</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-navigation zmdi-hc-fw"></i> navigation</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-open-in-browser zmdi-hc-fw"></i> open-in-browser</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-open-in-new zmdi-hc-fw"></i> open-in-new</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-palette zmdi-hc-fw"></i> palette</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-parking zmdi-hc-fw"></i> parking</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin-account zmdi-hc-fw"></i> pin-account</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin-assistant zmdi-hc-fw"></i> pin-assistant</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin-drop zmdi-hc-fw"></i> pin-drop</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin-help zmdi-hc-fw"></i> pin-help</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin-off zmdi-hc-fw"></i> pin-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin zmdi-hc-fw"></i> pin</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pizza zmdi-hc-fw"></i> pizza</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-plaster zmdi-hc-fw"></i> plaster</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-power-setting zmdi-hc-fw"></i> power-setting</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-power zmdi-hc-fw"></i> power</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-print zmdi-hc-fw"></i> print</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-puzzle-piece zmdi-hc-fw"></i> puzzle-piece</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-quote zmdi-hc-fw"></i> quote</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-railway zmdi-hc-fw"></i> railway</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-receipt zmdi-hc-fw"></i> receipt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-refresh-alt zmdi-hc-fw"></i> refresh-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-refresh-sync-alert zmdi-hc-fw"></i> refresh-sync-alert</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-refresh-sync-off zmdi-hc-fw"></i> refresh-sync-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-refresh-sync zmdi-hc-fw"></i> refresh-sync</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-refresh zmdi-hc-fw"></i> refresh</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-roller zmdi-hc-fw"></i> roller</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-ruler zmdi-hc-fw"></i> ruler</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-scissors zmdi-hc-fw"></i> scissors</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-screen-rotation-lock zmdi-hc-fw"></i> screen-rotation-lock</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-screen-rotation zmdi-hc-fw"></i> screen-rotation</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-search-for zmdi-hc-fw"></i> search-for</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-search-in-file zmdi-hc-fw"></i> search-in-file</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-search-in-page zmdi-hc-fw"></i> search-in-page</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-search-replace zmdi-hc-fw"></i> search-replace</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-search zmdi-hc-fw"></i> search</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-seat zmdi-hc-fw"></i> seat</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-settings-square zmdi-hc-fw"></i> settings-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-settings zmdi-hc-fw"></i> settings</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-shape zmdi-hc-fw"></i> shape</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-shield-check zmdi-hc-fw"></i> shield-check</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-shield-security zmdi-hc-fw"></i> shield-security</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-shopping-basket zmdi-hc-fw"></i> shopping-basket</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i> shopping-cart-plus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-shopping-cart zmdi-hc-fw"></i> shopping-cart</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-sign-in zmdi-hc-fw"></i> sign-in</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-sort-amount-asc zmdi-hc-fw"></i> sort-amount-asc</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-sort-amount-desc zmdi-hc-fw"></i> sort-amount-desc</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-sort-asc zmdi-hc-fw"></i> sort-asc</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-sort-desc zmdi-hc-fw"></i> sort-desc</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-spellcheck zmdi-hc-fw"></i> spellcheck</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-spinner zmdi-hc-fw"></i> spinner</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-storage zmdi-hc-fw"></i> storage</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-store-24 zmdi-hc-fw"></i> store-24</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-store zmdi-hc-fw"></i> store</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-subway zmdi-hc-fw"></i> subway</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-sun zmdi-hc-fw"></i> sun</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tab-unselected zmdi-hc-fw"></i> tab-unselected</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tab zmdi-hc-fw"></i> tab</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tag-close zmdi-hc-fw"></i> tag-close</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tag-more zmdi-hc-fw"></i> tag-more</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tag zmdi-hc-fw"></i> tag</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-thumb-down zmdi-hc-fw"></i> thumb-down</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-thumb-up-down zmdi-hc-fw"></i> thumb-up-down</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-thumb-up zmdi-hc-fw"></i> thumb-up</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-ticket-star zmdi-hc-fw"></i> ticket-star</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-toll zmdi-hc-fw"></i> toll</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-toys zmdi-hc-fw"></i> toys</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-traffic zmdi-hc-fw"></i> traffic</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-translate zmdi-hc-fw"></i> translate</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-triangle-down zmdi-hc-fw"></i> triangle-down</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-triangle-up zmdi-hc-fw"></i> triangle-up</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-truck zmdi-hc-fw"></i> truck</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-turning-sign zmdi-hc-fw"></i> turning-sign</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-ungroup zmdi-hc-fw"></i> ungroup</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wallpaper zmdi-hc-fw"></i> wallpaper</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-washing-machine zmdi-hc-fw"></i> washing-machine</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-window-maximize zmdi-hc-fw"></i> window-maximize</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-window-minimize zmdi-hc-fw"></i> window-minimize</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-window-restore zmdi-hc-fw"></i> window-restore</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wrench zmdi-hc-fw"></i> wrench</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-zoom-in zmdi-hc-fw"></i> zoom-in</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-zoom-out zmdi-hc-fw"></i> zoom-out</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Notifications</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-alert-circle-o zmdi-hc-fw"></i> alert-circle-o</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-alert-circle zmdi-hc-fw"></i> alert-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-alert-octagon zmdi-hc-fw"></i> alert-octagon</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-alert-polygon zmdi-hc-fw"></i> alert-polygon</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-alert-triangle zmdi-hc-fw"></i> alert-triangle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-help-outline zmdi-hc-fw"></i> help-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-help zmdi-hc-fw"></i> help</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-info-outline zmdi-hc-fw"></i> info-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-info zmdi-hc-fw"></i> info</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-notifications-active zmdi-hc-fw"></i> notifications-active</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-notifications-add zmdi-hc-fw"></i> notifications-add</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-notifications-none zmdi-hc-fw"></i> notifications-none</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-notifications-off zmdi-hc-fw"></i> notifications-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-notifications-paused zmdi-hc-fw"></i> notifications-paused</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-notifications zmdi-hc-fw"></i> notifications</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Person</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-account-add zmdi-hc-fw"></i> account-add</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-account-box-mail zmdi-hc-fw"></i> account-box-mail</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-account-box-o zmdi-hc-fw"></i> account-box-o</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-account-box-phone zmdi-hc-fw"></i> account-box-phone</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-account-box zmdi-hc-fw"></i> account-box</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-account-calendar zmdi-hc-fw"></i> account-calendar</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-account-circle zmdi-hc-fw"></i> account-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-account-o zmdi-hc-fw"></i> account-o</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-account zmdi-hc-fw"></i> account</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-accounts-add zmdi-hc-fw"></i> accounts-add</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-accounts-alt zmdi-hc-fw"></i> accounts-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-accounts-list-alt zmdi-hc-fw"></i> accounts-list-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-accounts-list zmdi-hc-fw"></i> accounts-list</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-accounts-outline zmdi-hc-fw"></i> accounts-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-accounts zmdi-hc-fw"></i> accounts</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-face zmdi-hc-fw"></i> face</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-female zmdi-hc-fw"></i> female</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-male-alt zmdi-hc-fw"></i> male-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-male-female zmdi-hc-fw"></i> male-female</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-male zmdi-hc-fw"></i> male</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mood-bad zmdi-hc-fw"></i> mood-bad</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mood zmdi-hc-fw"></i> mood</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-run zmdi-hc-fw"></i> run</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-walk zmdi-hc-fw"></i> walk</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">File</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cloud-box zmdi-hc-fw"></i> cloud-box</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cloud-circle zmdi-hc-fw"></i> cloud-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cloud-done zmdi-hc-fw"></i> cloud-done</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cloud-download zmdi-hc-fw"></i> cloud-download</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cloud-off zmdi-hc-fw"></i> cloud-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cloud-outline-alt zmdi-hc-fw"></i> cloud-outline-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cloud-outline zmdi-hc-fw"></i> cloud-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cloud-upload zmdi-hc-fw"></i> cloud-upload</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-cloud zmdi-hc-fw"></i> cloud</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-download zmdi-hc-fw"></i> download</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-file-plus zmdi-hc-fw"></i> file-plus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-file-text zmdi-hc-fw"></i> file-text</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-file zmdi-hc-fw"></i> file</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-folder-outline zmdi-hc-fw"></i> folder-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-folder-person zmdi-hc-fw"></i> folder-person</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-folder-star-alt zmdi-hc-fw"></i> folder-star-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-folder-star zmdi-hc-fw"></i> folder-star</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-folder zmdi-hc-fw"></i> folder</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-gif zmdi-hc-fw"></i> gif</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-upload zmdi-hc-fw"></i> upload</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Editor</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-all zmdi-hc-fw"></i> border-all</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-bottom zmdi-hc-fw"></i> border-bottom</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-clear zmdi-hc-fw"></i> border-clear</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-color zmdi-hc-fw"></i> border-color</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-horizontal zmdi-hc-fw"></i> border-horizontal</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-inner zmdi-hc-fw"></i> border-inner</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-left zmdi-hc-fw"></i> border-left</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-outer zmdi-hc-fw"></i> border-outer</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-right zmdi-hc-fw"></i> border-right</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-style zmdi-hc-fw"></i> border-style</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-top zmdi-hc-fw"></i> border-top</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-border-vertical zmdi-hc-fw"></i> border-vertical</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-copy zmdi-hc-fw"></i> copy</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-crop zmdi-hc-fw"></i> crop</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-align-center zmdi-hc-fw"></i> format-align-center</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-align-justify zmdi-hc-fw"></i> format-align-justify</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-align-left zmdi-hc-fw"></i> format-align-left</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-align-right zmdi-hc-fw"></i> format-align-right</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-bold zmdi-hc-fw"></i> format-bold</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-clear-all zmdi-hc-fw"></i> format-clear-all</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-clear zmdi-hc-fw"></i> format-clear</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-color-fill zmdi-hc-fw"></i> format-color-fill</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-color-reset zmdi-hc-fw"></i> format-color-reset</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-color-text zmdi-hc-fw"></i> format-color-text</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-indent-decrease zmdi-hc-fw"></i> format-indent-decrease</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-indent-increase zmdi-hc-fw"></i> format-indent-increase</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-italic zmdi-hc-fw"></i> format-italic</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-line-spacing zmdi-hc-fw"></i> format-line-spacing</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-list-bulleted zmdi-hc-fw"></i> format-list-bulleted</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-list-numbered zmdi-hc-fw"></i> format-list-numbered</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-ltr zmdi-hc-fw"></i> format-ltr</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-rtl zmdi-hc-fw"></i> format-rtl</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-size zmdi-hc-fw"></i> format-size</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-strikethrough-s zmdi-hc-fw"></i> format-strikethrough-s</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-strikethrough zmdi-hc-fw"></i> format-strikethrough</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-subject zmdi-hc-fw"></i> format-subject</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-underlined zmdi-hc-fw"></i> format-underlined</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-valign-bottom zmdi-hc-fw"></i> format-valign-bottom</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-valign-center zmdi-hc-fw"></i> format-valign-center</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-format-valign-top zmdi-hc-fw"></i> format-valign-top</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-redo zmdi-hc-fw"></i> redo</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-select-all zmdi-hc-fw"></i> select-all</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-space-bar zmdi-hc-fw"></i> space-bar</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-text-format zmdi-hc-fw"></i> text-format</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-transform zmdi-hc-fw"></i> transform</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-undo zmdi-hc-fw"></i> undo</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wrap-text zmdi-hc-fw"></i> wrap-text</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Comment</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-alert zmdi-hc-fw"></i> comment-alert</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-alt-text zmdi-hc-fw"></i> comment-alt-text</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-alt zmdi-hc-fw"></i> comment-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-edit zmdi-hc-fw"></i> comment-edit</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-image zmdi-hc-fw"></i> comment-image</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-list zmdi-hc-fw"></i> comment-list</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-more zmdi-hc-fw"></i> comment-more</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-outline zmdi-hc-fw"></i> comment-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-text-alt zmdi-hc-fw"></i> comment-text-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-text zmdi-hc-fw"></i> comment-text</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment-video zmdi-hc-fw"></i> comment-video</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comment zmdi-hc-fw"></i> comment</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-comments zmdi-hc-fw"></i> comments</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Form</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-check-all zmdi-hc-fw"></i> check-all</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-check-circle-u zmdi-hc-fw"></i> check-circle-u</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-check-circle zmdi-hc-fw"></i> check-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-check-square zmdi-hc-fw"></i> check-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-check zmdi-hc-fw"></i> check</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-circle-o zmdi-hc-fw"></i> circle-o</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-circle zmdi-hc-fw"></i> circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-dot-circle-alt zmdi-hc-fw"></i> dot-circle-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-dot-circle zmdi-hc-fw"></i> dot-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-minus-circle-outline zmdi-hc-fw"></i> minus-circle-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-minus-circle zmdi-hc-fw"></i> minus-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-minus-square zmdi-hc-fw"></i> minus-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-minus zmdi-hc-fw"></i> minus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-plus-circle-o-duplicate zmdi-hc-fw"></i> plus-circle-o-duplicate</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-plus-circle-o zmdi-hc-fw"></i> plus-circle-o</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-plus-circle zmdi-hc-fw"></i> plus-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-plus-square zmdi-hc-fw"></i> plus-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-plus zmdi-hc-fw"></i> plus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-square-o zmdi-hc-fw"></i> square-o</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-star-circle zmdi-hc-fw"></i> star-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-star-half zmdi-hc-fw"></i> star-half</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-star-outline zmdi-hc-fw"></i> star-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-star zmdi-hc-fw"></i> star</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Hardware</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-bluetooth-connected zmdi-hc-fw"></i> bluetooth-connected</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-bluetooth-off zmdi-hc-fw"></i> bluetooth-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-bluetooth-search zmdi-hc-fw"></i> bluetooth-search</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-bluetooth-setting zmdi-hc-fw"></i> bluetooth-setting</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-bluetooth zmdi-hc-fw"></i> bluetooth</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-camera-add zmdi-hc-fw"></i> camera-add</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-camera-alt zmdi-hc-fw"></i> camera-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-camera-bw zmdi-hc-fw"></i> camera-bw</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-camera-front zmdi-hc-fw"></i> camera-front</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-camera-mic zmdi-hc-fw"></i> camera-mic</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-camera-party-mode zmdi-hc-fw"></i> camera-party-mode</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-camera-rear zmdi-hc-fw"></i> camera-rear</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-camera-roll zmdi-hc-fw"></i> camera-roll</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-camera-switch zmdi-hc-fw"></i> camera-switch</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-camera zmdi-hc-fw"></i> camera</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-card-alert zmdi-hc-fw"></i> card-alert</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-card-off zmdi-hc-fw"></i> card-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-card-sd zmdi-hc-fw"></i> card-sd</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-card-sim zmdi-hc-fw"></i> card-sim</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-desktop-mac zmdi-hc-fw"></i> desktop-mac</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-desktop-windows zmdi-hc-fw"></i> desktop-windows</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-device-hub zmdi-hc-fw"></i> device-hub</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-devices-off zmdi-hc-fw"></i> devices-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-devices zmdi-hc-fw"></i> devices</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-dock zmdi-hc-fw"></i> dock</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-floppy zmdi-hc-fw"></i> floppy</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-gamepad zmdi-hc-fw"></i> gamepad</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-gps-dot zmdi-hc-fw"></i> gps-dot</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-gps-off zmdi-hc-fw"></i> gps-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-gps zmdi-hc-fw"></i> gps</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-headset-mic zmdi-hc-fw"></i> headset-mic</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-headset zmdi-hc-fw"></i> headset</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-input-antenna zmdi-hc-fw"></i> input-antenna</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-input-composite zmdi-hc-fw"></i> input-composite</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-input-hdmi zmdi-hc-fw"></i> input-hdmi</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-input-power zmdi-hc-fw"></i> input-power</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-input-svideo zmdi-hc-fw"></i> input-svideo</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-keyboard-hide zmdi-hc-fw"></i> keyboard-hide</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-keyboard zmdi-hc-fw"></i> keyboard</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-laptop-chromebook zmdi-hc-fw"></i> laptop-chromebook</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-laptop-mac zmdi-hc-fw"></i> laptop-mac</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-laptop zmdi-hc-fw"></i> laptop</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mic-off zmdi-hc-fw"></i> mic-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mic-outline zmdi-hc-fw"></i> mic-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mic-setting zmdi-hc-fw"></i> mic-setting</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mic zmdi-hc-fw"></i> mic</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-mouse zmdi-hc-fw"></i> mouse</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-network-alert zmdi-hc-fw"></i> network-alert</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-network-locked zmdi-hc-fw"></i> network-locked</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-network-off zmdi-hc-fw"></i> network-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-network-outline zmdi-hc-fw"></i> network-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-network-setting zmdi-hc-fw"></i> network-setting</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-network zmdi-hc-fw"></i> network</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-bluetooth zmdi-hc-fw"></i> phone-bluetooth</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-end zmdi-hc-fw"></i> phone-end</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-forwarded zmdi-hc-fw"></i> phone-forwarded</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-in-talk zmdi-hc-fw"></i> phone-in-talk</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-locked zmdi-hc-fw"></i> phone-locked</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-missed zmdi-hc-fw"></i> phone-missed</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-msg zmdi-hc-fw"></i> phone-msg</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-paused zmdi-hc-fw"></i> phone-paused</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-ring zmdi-hc-fw"></i> phone-ring</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-setting zmdi-hc-fw"></i> phone-setting</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone-sip zmdi-hc-fw"></i> phone-sip</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-phone zmdi-hc-fw"></i> phone</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-portable-wifi-changes zmdi-hc-fw"></i> portable-wifi-changes</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-portable-wifi-off zmdi-hc-fw"></i> portable-wifi-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-portable-wifi zmdi-hc-fw"></i> portable-wifi</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-radio zmdi-hc-fw"></i> radio</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-reader zmdi-hc-fw"></i> reader</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-remote-control-alt zmdi-hc-fw"></i> remote-control-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-remote-control zmdi-hc-fw"></i> remote-control</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-router zmdi-hc-fw"></i> router</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-scanner zmdi-hc-fw"></i> scanner</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-android zmdi-hc-fw"></i> smartphone-android</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-download zmdi-hc-fw"></i> smartphone-download</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-erase zmdi-hc-fw"></i> smartphone-erase</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-info zmdi-hc-fw"></i> smartphone-info</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-iphone zmdi-hc-fw"></i> smartphone-iphone</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-landscape-lock zmdi-hc-fw"></i> smartphone-landscape-lock</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-landscape zmdi-hc-fw"></i> smartphone-landscape</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-lock zmdi-hc-fw"></i> smartphone-lock</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-portrait-lock zmdi-hc-fw"></i> smartphone-portrait-lock</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-ring zmdi-hc-fw"></i> smartphone-ring</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-setting zmdi-hc-fw"></i> smartphone-setting</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone-setup zmdi-hc-fw"></i> smartphone-setup</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-smartphone zmdi-hc-fw"></i> smartphone</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-speaker zmdi-hc-fw"></i> speaker</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tablet-android zmdi-hc-fw"></i> tablet-android</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tablet-mac zmdi-hc-fw"></i> tablet-mac</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tablet zmdi-hc-fw"></i> tablet</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tv-alt-play zmdi-hc-fw"></i> tv-alt-play</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tv-list zmdi-hc-fw"></i> tv-list</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tv-play zmdi-hc-fw"></i> tv-play</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tv zmdi-hc-fw"></i> tv</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-usb zmdi-hc-fw"></i> usb</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-videocam-off zmdi-hc-fw"></i> videocam-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-videocam-switch zmdi-hc-fw"></i> videocam-switch</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-videocam zmdi-hc-fw"></i> videocam</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-watch zmdi-hc-fw"></i> watch</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wifi-alt-2 zmdi-hc-fw"></i> wifi-alt-2</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wifi-alt zmdi-hc-fw"></i> wifi-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wifi-info zmdi-hc-fw"></i> wifi-info</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wifi-lock zmdi-hc-fw"></i> wifi-lock</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wifi-off zmdi-hc-fw"></i> wifi-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wifi-outline zmdi-hc-fw"></i> wifi-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wifi zmdi-hc-fw"></i> wifi</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Directional</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-arrow-left-bottom zmdi-hc-fw"></i> arrow-left-bottom</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-arrow-left zmdi-hc-fw"></i> arrow-left</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-arrow-merge zmdi-hc-fw"></i> arrow-merge</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-arrow-missed zmdi-hc-fw"></i> arrow-missed</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-arrow-right-top zmdi-hc-fw"></i> arrow-right-top</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-arrow-right zmdi-hc-fw"></i> arrow-right</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-arrow-split zmdi-hc-fw"></i> arrow-split</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-arrows zmdi-hc-fw"></i> arrows</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-caret-down-circle zmdi-hc-fw"></i> caret-down-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-caret-down zmdi-hc-fw"></i> caret-down</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-caret-left-circle zmdi-hc-fw"></i> caret-left-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-caret-left zmdi-hc-fw"></i> caret-left</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-caret-right-circle zmdi-hc-fw"></i> caret-right-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-caret-right zmdi-hc-fw"></i> caret-right</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-caret-up-circle zmdi-hc-fw"></i> caret-up-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-caret-up zmdi-hc-fw"></i> caret-up</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-chevron-down zmdi-hc-fw"></i> chevron-down</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-chevron-left zmdi-hc-fw"></i> chevron-left</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-chevron-right zmdi-hc-fw"></i> chevron-right</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-chevron-up zmdi-hc-fw"></i> chevron-up</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-forward zmdi-hc-fw"></i> forward</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-long-arrow-down zmdi-hc-fw"></i> long-arrow-down</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-long-arrow-left zmdi-hc-fw"></i> long-arrow-left</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-long-arrow-return zmdi-hc-fw"></i> long-arrow-return</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-long-arrow-right zmdi-hc-fw"></i> long-arrow-right</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-long-arrow-tab zmdi-hc-fw"></i> long-arrow-tab</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-long-arrow-up zmdi-hc-fw"></i> long-arrow-up</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-rotate-ccw zmdi-hc-fw"></i> rotate-ccw</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-rotate-cw zmdi-hc-fw"></i> rotate-cw</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-rotate-left zmdi-hc-fw"></i> rotate-left</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-rotate-right zmdi-hc-fw"></i> rotate-right</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-square-down zmdi-hc-fw"></i> square-down</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-square-right zmdi-hc-fw"></i> square-right</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-swap-alt zmdi-hc-fw"></i> swap-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-swap-vertical-circle zmdi-hc-fw"></i> swap-vertical-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-swap-vertical zmdi-hc-fw"></i> swap-vertical</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-swap zmdi-hc-fw"></i> swap</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-trending-down zmdi-hc-fw"></i> trending-down</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-trending-flat zmdi-hc-fw"></i> trending-flat</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-trending-up zmdi-hc-fw"></i> trending-up</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-unfold-less zmdi-hc-fw"></i> unfold-less</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-unfold-more zmdi-hc-fw"></i> unfold-more</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Map (aliases)</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-directions-bike zmdi-hc-fw"></i>  zmdi-directions-bike</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-directions-boat zmdi-hc-fw"></i>  zmdi-directions-boat</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-directions-bus zmdi-hc-fw"></i>  zmdi-directions-bus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-directions-car zmdi-hc-fw"></i>  zmdi-directions-car</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-directions-railway zmdi-hc-fw"></i>  zmdi-directions-railway</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-directions-run zmdi-hc-fw"></i>  zmdi-directions-run</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-directions-subway zmdi-hc-fw"></i>  zmdi-directions-subway</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-directions-walk zmdi-hc-fw"></i>  zmdi-directions-walk</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-directions zmdi-hc-fw"></i>  zmdi-directions</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-layers-off zmdi-hc-fw"></i>  zmdi-layers-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-layers zmdi-hc-fw"></i>  zmdi-layers</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-activity zmdi-hc-fw"></i>  zmdi-local-activity</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-airport zmdi-hc-fw"></i>  zmdi-local-airport</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-atm zmdi-hc-fw"></i>  zmdi-local-atm</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-bar zmdi-hc-fw"></i>  zmdi-local-bar</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-cafe zmdi-hc-fw"></i>  zmdi-local-cafe</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-car-wash zmdi-hc-fw"></i>  zmdi-local-car-wash</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-convenience-store zmdi-hc-fw"></i>  zmdi-local-convenience-store</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-dining zmdi-hc-fw"></i>  zmdi-local-dining</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-drink zmdi-hc-fw"></i>  zmdi-local-drink</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-florist zmdi-hc-fw"></i>  zmdi-local-florist</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-gas-station zmdi-hc-fw"></i>  zmdi-local-gas-station</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-grocery-store zmdi-hc-fw"></i>  zmdi-local-grocery-store</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-hospital zmdi-hc-fw"></i>  zmdi-local-hospital</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-hotel zmdi-hc-fw"></i>  zmdi-local-hotel</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-laundry-service zmdi-hc-fw"></i>  zmdi-local-laundry-service</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-library zmdi-hc-fw"></i>  zmdi-local-library</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-mall zmdi-hc-fw"></i>  zmdi-local-mall</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-movies zmdi-hc-fw"></i>  zmdi-local-movies</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-offer zmdi-hc-fw"></i>  zmdi-local-offer</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-parking zmdi-hc-fw"></i>  zmdi-local-parking</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-pharmacy zmdi-hc-fw"></i>  zmdi-local-pharmacy</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-phone zmdi-hc-fw"></i>  zmdi-local-phone</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-pizza zmdi-hc-fw"></i>  zmdi-local-pizza</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-activity zmdi-hc-fw"></i>  zmdi-local-activity</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-post-office zmdi-hc-fw"></i>  zmdi-local-post-office</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-printshop zmdi-hc-fw"></i>  zmdi-local-printshop</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-see zmdi-hc-fw"></i>  zmdi-local-see</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-shipping zmdi-hc-fw"></i>  zmdi-local-shipping</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-store zmdi-hc-fw"></i>  zmdi-local-store</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-taxi zmdi-hc-fw"></i>  zmdi-local-taxi</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-local-wc zmdi-hc-fw"></i>  zmdi-local-wc</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-map zmdi-hc-fw"></i>  zmdi-map</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-my-location zmdi-hc-fw"></i>  zmdi-my-location</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-nature-people zmdi-hc-fw"></i>  zmdi-nature-people</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-nature zmdi-hc-fw"></i>  zmdi-nature</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-navigation zmdi-hc-fw"></i>  zmdi-navigation</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin-account zmdi-hc-fw"></i>  zmdi-pin-account</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin-assistant zmdi-hc-fw"></i>  zmdi-pin-assistant</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin-drop zmdi-hc-fw"></i>  zmdi-pin-drop</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin-help zmdi-hc-fw"></i>  zmdi-pin-help</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin-off zmdi-hc-fw"></i>  zmdi-pin-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pin zmdi-hc-fw"></i>  zmdi-pin</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-traffic zmdi-hc-fw"></i>  zmdi-traffic</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Social</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-android-alt zmdi-hc-fw"></i> android-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-android zmdi-hc-fw"></i> android</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-apple zmdi-hc-fw"></i> apple</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-behance zmdi-hc-fw"></i> behance</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-codepen zmdi-hc-fw"></i> codepen</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-dribbble zmdi-hc-fw"></i> dribbble</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-dropbox zmdi-hc-fw"></i> dropbox</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-evernote zmdi-hc-fw"></i> evernote</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-facebook-box zmdi-hc-fw"></i> facebook-box</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-facebook zmdi-hc-fw"></i> facebook</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-github-box zmdi-hc-fw"></i> github-box</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-github zmdi-hc-fw"></i> github</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-drive zmdi-hc-fw"></i> google-drive</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-earth zmdi-hc-fw"></i> google-earth</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-glass zmdi-hc-fw"></i> google-glass</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-maps zmdi-hc-fw"></i> google-maps</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-pages zmdi-hc-fw"></i> google-pages</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-play zmdi-hc-fw"></i> google-play</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-plus-box zmdi-hc-fw"></i> google-plus-box</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-plus zmdi-hc-fw"></i> google-plus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google zmdi-hc-fw"></i> google</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-instagram zmdi-hc-fw"></i> instagram</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-language-css3 zmdi-hc-fw"></i> language-css3</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-language-html5 zmdi-hc-fw"></i> language-html5</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-language-javascript zmdi-hc-fw"></i> language-javascript</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-language-python-alt zmdi-hc-fw"></i> language-python-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-language-python zmdi-hc-fw"></i> language-python</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-lastfm zmdi-hc-fw"></i> lastfm</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-linkedin-box zmdi-hc-fw"></i> linkedin-box</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-paypal zmdi-hc-fw"></i> paypal</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pinterest-box zmdi-hc-fw"></i> pinterest-box</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pocket zmdi-hc-fw"></i> pocket</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-polymer zmdi-hc-fw"></i> polymer</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-rss zmdi-hc-fw"></i> rss</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-share zmdi-hc-fw"></i> share</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-stackoverflow zmdi-hc-fw"></i> stackoverflow</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-steam-square zmdi-hc-fw"></i> steam-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-steam zmdi-hc-fw"></i> steam</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-twitter-box zmdi-hc-fw"></i> twitter-box</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-twitter zmdi-hc-fw"></i> twitter</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-vk zmdi-hc-fw"></i> vk</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wikipedia zmdi-hc-fw"></i> wikipedia</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-windows zmdi-hc-fw"></i> windows</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-500px zmdi-hc-fw"></i> 500px</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-8tracks zmdi-hc-fw"></i> 8tracks</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-amazon zmdi-hc-fw"></i> amazon</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-blogger zmdi-hc-fw"></i> blogger</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-delicious zmdi-hc-fw"></i> delicious</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-disqus zmdi-hc-fw"></i> disqus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flattr zmdi-hc-fw"></i> flattr</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flickr zmdi-hc-fw"></i> flickr</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-github-alt zmdi-hc-fw"></i> github-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-google-old zmdi-hc-fw"></i> google-old</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-linkedin zmdi-hc-fw"></i> linkedin</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-odnoklassniki zmdi-hc-fw"></i> odnoklassniki</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-outlook zmdi-hc-fw"></i> outlook</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-paypal-alt zmdi-hc-fw"></i> paypal-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pinterest zmdi-hc-fw"></i> pinterest</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-playstation zmdi-hc-fw"></i> playstation</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-reddit zmdi-hc-fw"></i> reddit</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-skype zmdi-hc-fw"></i> skype</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-slideshare zmdi-hc-fw"></i> slideshare</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-soundcloud zmdi-hc-fw"></i> soundcloud</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tumblr zmdi-hc-fw"></i> tumblr</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-twitch zmdi-hc-fw"></i> twitch</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-vimeo zmdi-hc-fw"></i> vimeo</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-whatsapp zmdi-hc-fw"></i> whatsapp</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-xbox zmdi-hc-fw"></i> xbox</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-yahoo zmdi-hc-fw"></i> yahoo</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-youtube-play zmdi-hc-fw"></i> youtube-play</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-youtube zmdi-hc-fw"></i> youtube</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Image</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-aspect-ratio-alt zmdi-hc-fw"></i> aspect-ratio-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-aspect-ratio zmdi-hc-fw"></i> aspect-ratio</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-blur-circular zmdi-hc-fw"></i> blur-circular</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-blur-linear zmdi-hc-fw"></i> blur-linear</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-blur-off zmdi-hc-fw"></i> blur-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-blur zmdi-hc-fw"></i> blur</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-brightness-2 zmdi-hc-fw"></i> brightness-2</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-brightness-3 zmdi-hc-fw"></i> brightness-3</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-brightness-4 zmdi-hc-fw"></i> brightness-4</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-brightness-5 zmdi-hc-fw"></i> brightness-5</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-brightness-6 zmdi-hc-fw"></i> brightness-6</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-brightness-7 zmdi-hc-fw"></i> brightness-7</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-brightness-auto zmdi-hc-fw"></i> brightness-auto</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-brightness-setting zmdi-hc-fw"></i> brightness-setting</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-broken-image zmdi-hc-fw"></i> broken-image</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-center-focus-strong zmdi-hc-fw"></i> center-focus-strong</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-center-focus-weak zmdi-hc-fw"></i> center-focus-weak</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-compare zmdi-hc-fw"></i> compare</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-crop-16-9 zmdi-hc-fw"></i> crop-16-9</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-crop-3-2 zmdi-hc-fw"></i> crop-3-2</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-crop-5-4 zmdi-hc-fw"></i> crop-5-4</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-crop-7-5 zmdi-hc-fw"></i> crop-7-5</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-crop-din zmdi-hc-fw"></i> crop-din</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-crop-free zmdi-hc-fw"></i> crop-free</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-crop-landscape zmdi-hc-fw"></i> crop-landscape</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-crop-portrait zmdi-hc-fw"></i> crop-portrait</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-crop-square zmdi-hc-fw"></i> crop-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-exposure-alt zmdi-hc-fw"></i> exposure-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-exposure zmdi-hc-fw"></i> exposure</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-filter-b-and-w zmdi-hc-fw"></i> filter-b-and-w</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-filter-center-focus zmdi-hc-fw"></i> filter-center-focus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-filter-frames zmdi-hc-fw"></i> filter-frames</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-filter-tilt-shift zmdi-hc-fw"></i> filter-tilt-shift</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-gradient zmdi-hc-fw"></i> gradient</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-grain zmdi-hc-fw"></i> grain</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-graphic-eq zmdi-hc-fw"></i> graphic-eq</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hdr-off zmdi-hc-fw"></i> hdr-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hdr-strong zmdi-hc-fw"></i> hdr-strong</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hdr-weak zmdi-hc-fw"></i> hdr-weak</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hdr zmdi-hc-fw"></i> hdr</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-iridescent zmdi-hc-fw"></i> iridescent</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-leak-off zmdi-hc-fw"></i> leak-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-leak zmdi-hc-fw"></i> leak</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-looks zmdi-hc-fw"></i> looks</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-loupe zmdi-hc-fw"></i> loupe</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-panorama-horizontal zmdi-hc-fw"></i> panorama-horizontal</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-panorama-vertical zmdi-hc-fw"></i> panorama-vertical</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-panorama-wide-angle zmdi-hc-fw"></i> panorama-wide-angle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-photo-size-select-large zmdi-hc-fw"></i> photo-size-select-large</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-photo-size-select-small zmdi-hc-fw"></i> photo-size-select-small</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-picture-in-picture zmdi-hc-fw"></i> picture-in-picture</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-slideshow zmdi-hc-fw"></i> slideshow</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-texture zmdi-hc-fw"></i> texture</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tonality zmdi-hc-fw"></i> tonality</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-vignette zmdi-hc-fw"></i> vignette</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-wb-auto zmdi-hc-fw"></i> wb-auto</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Audio / Video</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-eject-alt zmdi-hc-fw"></i> eject-alt</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-eject zmdi-hc-fw"></i> eject</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-equalizer zmdi-hc-fw"></i> equalizer</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-fast-forward zmdi-hc-fw"></i> fast-forward</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-fast-rewind zmdi-hc-fw"></i> fast-rewind</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-forward-10 zmdi-hc-fw"></i> forward-10</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-forward-30 zmdi-hc-fw"></i> forward-30</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-forward-5 zmdi-hc-fw"></i> forward-5</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hearing zmdi-hc-fw"></i> hearing</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pause-circle-outline zmdi-hc-fw"></i> pause-circle-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pause-circle zmdi-hc-fw"></i> pause-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-pause zmdi-hc-fw"></i> pause</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-play-circle-outline zmdi-hc-fw"></i> play-circle-outline</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-play-circle zmdi-hc-fw"></i> play-circle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-play zmdi-hc-fw"></i> play</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-playlist-audio zmdi-hc-fw"></i> playlist-audio</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-playlist-plus zmdi-hc-fw"></i> playlist-plus</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-repeat-one zmdi-hc-fw"></i> repeat-one</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-repeat zmdi-hc-fw"></i> repeat</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-replay-10 zmdi-hc-fw"></i> replay-10</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-replay-30 zmdi-hc-fw"></i> replay-30</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-replay-5 zmdi-hc-fw"></i> replay-5</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-replay zmdi-hc-fw"></i> replay</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-shuffle zmdi-hc-fw"></i> shuffle</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-skip-next zmdi-hc-fw"></i> skip-next</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-skip-previous zmdi-hc-fw"></i> skip-previous</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-stop zmdi-hc-fw"></i> stop</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-surround-sound zmdi-hc-fw"></i> surround-sound</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tune zmdi-hc-fw"></i> tune</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-volume-down zmdi-hc-fw"></i> volume-down</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-volume-mute zmdi-hc-fw"></i> volume-mute</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-volume-off zmdi-hc-fw"></i> volume-off</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-volume-up zmdi-hc-fw"></i> volume-up</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Numbers</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-n-1-square zmdi-hc-fw"></i> n-1-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-n-2-square zmdi-hc-fw"></i> n-2-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-n-3-square zmdi-hc-fw"></i> n-3-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-n-4-square zmdi-hc-fw"></i> n-4-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-n-5-square zmdi-hc-fw"></i> n-5-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-n-6-square zmdi-hc-fw"></i> n-6-square</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-neg-1 zmdi-hc-fw"></i> neg-1</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-neg-2 zmdi-hc-fw"></i> neg-2</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-plus-1 zmdi-hc-fw"></i> plus-1</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-plus-2 zmdi-hc-fw"></i> plus-2</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-sec-10 zmdi-hc-fw"></i> sec-10</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-sec-3 zmdi-hc-fw"></i> sec-3</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-zero zmdi-hc-fw"></i> zero</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Other</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airline-seat-flat-angled zmdi-hc-fw"></i> airline-seat-flat-angled</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airline-seat-flat zmdi-hc-fw"></i> airline-seat-flat</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airline-seat-individual-suite zmdi-hc-fw"></i> airline-seat-individual-suite</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airline-seat-legroom-extra zmdi-hc-fw"></i> airline-seat-legroom-extra</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airline-seat-legroom-normal zmdi-hc-fw"></i> airline-seat-legroom-normal</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airline-seat-legroom-reduced zmdi-hc-fw"></i> airline-seat-legroom-reduced</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airline-seat-recline-extra zmdi-hc-fw"></i> airline-seat-recline-extra</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airline-seat-recline-normal zmdi-hc-fw"></i> airline-seat-recline-normal</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-airplay zmdi-hc-fw"></i> airplay</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-closed-caption zmdi-hc-fw"></i> closed-caption</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-confirmation-number zmdi-hc-fw"></i> confirmation-number</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-developer-board zmdi-hc-fw"></i> developer-board</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-disc-full zmdi-hc-fw"></i> disc-full</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-explicit zmdi-hc-fw"></i> explicit</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flight-land zmdi-hc-fw"></i> flight-land</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flight-takeoff zmdi-hc-fw"></i> flight-takeoff</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flip-to-back zmdi-hc-fw"></i> flip-to-back</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-flip-to-front zmdi-hc-fw"></i> flip-to-front</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-group-work zmdi-hc-fw"></i> group-work</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hd zmdi-hc-fw"></i> hd</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-hq zmdi-hc-fw"></i> hq</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-markunread-mailbox zmdi-hc-fw"></i> markunread-mailbox</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-memory zmdi-hc-fw"></i> memory</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-nfc zmdi-hc-fw"></i> nfc</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-play-for-work zmdi-hc-fw"></i> play-for-work</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-power-input zmdi-hc-fw"></i> power-input</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-present-to-all zmdi-hc-fw"></i> present-to-all</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-satellite zmdi-hc-fw"></i> satellite</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-tap-and-play zmdi-hc-fw"></i> tap-and-play</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-vibration zmdi-hc-fw"></i> vibration</div>

						<div class="fa-hover col-md-3 col-xs-12"><i class="ico zmdi zmdi-voicemail zmdi-hc-fw"></i> voicemail</div>

					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
		</div>
		<!-- /.row small-spacing -->		
		<footer class="footer">
			<ul class="list-inline">
				<li>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></li>
				<li><a href="#">Privacy</a></li>
				<li><a href="#">Terms</a></li>
				<li><a href="#">Help</a></li>
			</ul>
		</footer>
	</div>
	<!-- /.main-content -->
</div><!--/#wrapper -->
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
		<script src="assets/script/html5shiv.min.js"></script>
		<script src="assets/script/respond.min.js"></script>
	<![endif]-->
	<!-- 
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="assets/scripts/jquery.min.js"></script>
	<script src="assets/scripts/modernizr.min.js"></script>
	<script src="assets/plugin/bootstrap/js/bootstrap.min.js"></script>
	<script src="assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
	<script src="assets/plugin/nprogress/nprogress.js"></script>
	<script src="assets/plugin/sweet-alert/sweetalert.min.js"></script>
	<script src="assets/plugin/waves/waves.min.js"></script>

	<script src="assets/scripts/main.min.js"></script>
</body>
</html>